<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>City Scout</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link href="../css/bootstrap.css" rel="stylesheet">
    <style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
    </style>

  </head>

  <body>

    <div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <a class="brand" href="/" style="color: #c7201a">City Scout</a>
          <div class="nav-collapse">
            <ul class="nav">
              <li class="active"><a href="/">Home</a></li>
              <li><a href="/map">Map</a></li>
              <li><a href="#">About</a></li>
              <li><a href="//docs.google.com/a/bolshchikov.net/spreadsheet/viewform?formkey=dGI0bTNCVkxhaDBWNGRVd3dnVktCbnc6MQ" target="_blank">Join</a></li>
              <li><a href="mailto:sergey@bolshchikov.net" target="_blank">Contact</a></li>
            </ul>
          </div><!--/.nav-collapse -->
          <form class="navbar-search pull-left">
                <input type="text" class="search-query" placeholder="Search">
          </form>
        </div>
      </div>
    </div>

    <div class="container">

      <!-- Main hero unit for a primary marketing message or call to action -->
      <div class="hero-unit">
        <div class="row-fluid">
          <div class="span2">
            <img alt="City Scout Logo" src="../img/city-scout-logo.png" />
          </div>
          <div class="span10">
          <br/>
            <h1>Shalom, Israel!</h1> 
            <p>This is City Scout. Online interactive guide over cities of Israel. Brining organizations and their contacts, transportation and their schedule - all on one map of Israeli cities.</p>
            <p class="pull-right"><a class="btn btn-danger btn-large disabled">ENTER <i class="icon-arrow-right icon-white"></i></a></p>
          </div>
        </div>
      </div>

      <!-- Example row of columns -->
      <div class="row">
        <div class="span4">
          <h2>WHY?</h2>
           <p>From the day one of my arrival to Israel, it was hard to navigate over the city. I didn't know even where the closest grocery store was. It took me a while to search for computer stores in Haifa. All the time we need to find something in the city whether we're citizens or tourists.</p>
        </div>
        <div class="span4">
          <h2>HOW?</h2>
          <p>What if we combine in one application a map from google maps, organizations from golden pages, bus schedule from Egged and Dan, train schedule from Railways Israel. And have an opportunity to search companies over their category classification?</p>
       </div>
        <div class="span4">
          <h2>WHAT?</h2>
          <p>We get City Scout. Interactive city guide which allows you to click any place on the map and get relevant information. Whether it's a building, get its address and list of residing business. Whether it's a bus stop, see the route with the schedule.</p>
        </div>
      </div>

      <hr>

      <footer style="text-align: center; color: grey;">
        <p>
          <a href="//city-scout.appspot.com">City Scout</a>: online interactive guide over cities of Israel <br />
          &copy; SNBG 2012 <br />
          The code is licensed under <a href="//www.gnu.org/licenses/gpl-2.0.html" target="_blank">GNU General Public License, v2</a><br />
          Version 1.1.1 dev<br />
         </p>
      </footer>

    </div> <!-- /container -->

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

    <script src="js/bootstrap.js"></script> 
    <script src="js/map.js"></script>
    <script src="js/request.js"></script>
    <script src="js/action.js"></script>
    <script src="js/json.js"></script>


  </body>
</html>
